<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html version="-//W3C//DTD XHTML 1.1//EN"
      xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.w3.org/1999/xhtml
                          http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd"
>
	<head>
	
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	    <style type="text/css">@import url(/login/login.css);</style>
		
		<title>Login</title>	
		
        <script type="text/javascript" src="/code/jquery-1.7.min.js"></script>  
        <script type="text/javascript" src="/login/login.js"></script>  
        <script type="text/javascript" src="/code/jquery.preload.js"></script>

        <!-- Add fancyBox -->
        <link rel="stylesheet" href="/fancybox/jquery.fancybox.css?v=2.0.1" type="text/css" media="screen" />
        <script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js?v=2.0.1"></script>

	</head>

	<body>
		
		<div id="page" class="coolBorder">	
			<div id="header">
               
			    <div id="SignOut" class=" logo " >
                
                        Bulletin Board
                    
			    </div>

              
            </div>
			<div id="Content" >
				 <div class="middleLogin" >
	
               

				  <div id="SignIn" class=" coolBorder" >
                
    			
              
                    <form action="" class="inline" id="SignInForm">
	        	        <div class="inline">
					        <label for="password">Password:</label>
				    		<input type="password" name="password" id="password" />
						
						    <label for="username">Username:</label>
						    <input type="text" name="username" id="username" />
	    			    </div>
                    </form>

                    <button id="submitBtn" class="SendButton  ">login</button>
			
                   
			    </div>

				
				
				<h3>Welcome to the Board!</h3>
				
				
				
				<p class="narrow">
				    The best Bulletin Board on the web. 
                    If you are a member, just log in. Otherwise go to the register page.
                </p>
			
                <div id="registerDiv" >
				  <button id="registerBtn" class="  ">Register Now</button>
			    </div>

				 <div id="about" class="narrow">
			       


                    <p >
				        Want to know more about us?  <button id="aboutBtn" class="  ">About Us</button>
            
                    </p>
                    
                   
            	</div>
			</div>
			</div>
			<div id="Footer" >
			
				<div id="copyright">
						Powered by Baruch and Shimi 2012
					
					
				</div>
			</div>
	    </div>
	</body>
	
	
</html>